<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/master">
<div id="mainContent" layout:fragment="content">
    <div class="spm ">
        <div class="breadcrumb">
            <a href="/">首页</a>&nbsp;&nbsp;»&nbsp;&nbsp; <span th:utext="${topNav}"></span>
        </div>
        <div class="navlower">
            <ul th:utext="${typeData}">
            </ul>
            <ul th:utext="${countryData}">
            </ul>
            <ul th:utext="${languageData}">
            </ul>
            <ul th:utext="${yearData}">
            </ul>
        </div>
        <ul class="qrcode">
            <li th:each="item:${listData}"><a th:href="'/info/'+${item.id}+'.html'"><h2 th:text="${item.name}"></h2>
                <div class="logo"><img class="lazy"
                                       data-original="[[${item.img}]]"
                                       th:alt="${item.name}" th:src="${item.img}"
                                       style="display: inline;"></div>
                <p class="desc" th:text="${#dates.format(item.updateTime, 'yyyy-MM-dd')}"></p>
            </a>
            </li>
        </ul>
        <div class="pagelist" th:utext="${pageData}"></div>

    </div>
</div>